@charset "utf-8";
/*==== header ====*/
*{font-family:verdana}
#header{background:url(images/header_bg.gif) repeat-x;width:100%;}
#header .wrap{width:1000px;height:120px;margin:0 auto;}
#header .logo{float:left;width:182px;padding:55px 0 0 0;}
#header .logo a{display:block;background:url(images/logo2.png) no-repeat;width:182px;height:37px;text-indent:-9999px;}

#header .search_box{float:left;width:543px;padding:0 0 0 30px;}
.tab{display:block;height:40px;padding:15px 0 0 0;}
.tab li{float:left;width:60px;height:40px;line-height:40px;text-align:center;font-size:14px;cursor:pointer;color:#3c7d00;}
.tab li.curr a{color:#333;text-decoration:none;font-weight:bold;}
.tab li a{color:#3c7d00;text-decoration:underline;}




#search{height:36px;}
#search .iptbg{float:left;background:url(images/input_bg2.png) no-repeat;width:403px;height:34px;padding:1px 10px 1px 40px;position:relative;}
#search .sbtn{float:right;width:80px;}
#search .sbtn button{display:block;background:url(images/btn_search2.png) no-repeat;width:80px;height:36px;line-height:36px;text-align:center;font-size:16px;color:#fff; border:none; cursor:pointer;}
#search .sbtn button:active{background-position:0 -36px;}
#search .iptbg .input_style{background:url(images/iput_bg2.gif) repeat-x;width:403px;height:34px; *line-height:34px; *height:30px; line-height:30px; font-size:14px;border:none;color:#666;display:inline-block;overflow:hidden;outline:none;}

.menu{display:none;position:absolute;left:0;top:32px;width:453px;height:auto;overflow:hidden;z-index:1;}
.menu ul{background:#fff;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.menu ul li{font-family:Arial;font-size:14px;height:36px;line-height:36px;border-bottom:1px solid #eee;color:#666;padding:0 10px 0 40px;cursor:pointer;change:expression(this.onmouseover=function(){this.style.background="#F2F5EF";},this.onmouseout=function(){this.style.background="";})}
.menu ul li:hover{background:#f5f5f5;}

/*==== main ====*/
#main{width:1000px;margin:15px auto 0 auto;}
.title{padding:15px 0;}
.title h2{font-size:18px;font-weight:normal;}
.title h2 strong{color:#3c7d00;font-weight:normal;}
.title h2 span{padding:0 0 0 15px;font-size:12px;color:#666;}

.title h1{font-size:18px;font-weight:normal;}
.title h1 strong{color:#3c7d00;font-weight:normal;}
.title h1 span{padding:0 0 0 15px;font-size:12px;color:#666;}

h2.mp3{width:120px; height:45px; line-height:15px;  overflow:hidden; padding:48px 0 0 100px; font-size:11px; }
#my_player .title{padding:0; background:url(images/MP3.png) no-repeat left top; width:231px; height:130px;color:#FFF; font-size:12px;}
#dewplayer{position:relative; top:-30px; margin:auto 17px}

#leftbox{float:left;width:760px;zoom:1; overflow:hidden}
.music_list{background:url(images/list_bg.gif) no-repeat;height:90px;padding:0 0 10px 0;}
.music_list .num{float:left;width:81px;line-height:90px;font-family:Arial;font-size:42px;font-weight:bold;text-align:center;}
.music_list .text{position:relative;float:right;width:659px;height:90px; margin-right:5px}
.music_list .text h2{font-size:18px;padding:10px 0 0 0;font-weight:normal; height:40px; line-height:20px; overflow:hidden}
.music_list .text .dd{position:absolute;width:250px;height:26px;line-height:26px;font-family:Arial;color:#999;top:58px;left:0;}
.music_list .text .btn{position:absolute;width:296px;height:26px;right:10px;top:56px;}
.music_list .text .btn a.play{display:block;background:url(images/btn_play2.gif) no-repeat;width:70px;height:26px;text-indent:-9999px;}
.music_list .text .btn a.play:hover{background:url(images/btn_play.gif) no-repeat;}
.music_list .text .btn a.download{display:block;background:url(images/btn_download2.gif) no-repeat;width:107px;height:26px;text-indent:-9999px;}
.music_list .text .btn a.download:hover{background:url(images/btn_download.gif) no-repeat;}


.music_list .text .btn button{border:none; cursor:pointer}
.music_list .text .btn button.play{display:block;background:url(images/btn_play2.gif) no-repeat;width:70px;height:26px;text-indent:-9999px;}
.music_list .text .btn button.play:hover{background:url(images/btn_play.gif) no-repeat;}
.music_list .text .btn button.download{display:block;background:url(images/btn_download2.gif) no-repeat;width:107px;height:26px;text-indent:-9999px;}
.music_list .text .btn button.download:hover{background:url(images/btn_download.gif) no-repeat;}


.music_list-h{}
.music_list-h .text h2{color:green;}
.music_list-h .num{color:green;}
.music_list-h .text .btn a.play{background:url(images/btn_play.gif) no-repeat;}
.music_list-h .text .btn a:active.play{background-position:0 -26px;}
.music_list-h .text .btn a.download{background:url(images/btn_download.gif) no-repeat;}
.music_list-h .text .btn a:active.download{background-position:0 -26px;}

.morebg{height:50px;}
.morebg a{display:block;background:url(images/more_bg.gif) no-repeat;width:760px;height:50px;text-align:center;font-size:16px;line-height:50px;}
.morebg a:active{background-position:0 -50px;}

.video_list{background:url(images/list_bg2.gif) no-repeat;height:150px;padding:0 0 10px 0;}
.video_list .pic{float:left;width:140px;padding:20px 0 0 20px;}
.video_list .text{position:relative;float:right;width:580px;height:150px;}
.video_list .text h2{font-size:18px; height:14px; overflow:hidden; padding:20px 0 10px 0;font-weight:normal;}
.video_list .text .dd{line-height:18px;color:#666; height:36px; overflow:hidden; padding-right:20px}
.video_list .text .dd2{position:absolute;width:220px;height:16px;line-height:16px;font-family:Arial;color:#999;top:115px;left:0;}
.video_list .text .dd3{position:absolute; top:100px; width:220px;}
.video_list .text .btn{position:absolute;width:333px;height:26px;right:15px;top:105px;}
.video_list .text .btn a.play{display:block;background:url(images/btn_play2.gif) no-repeat;width:70px;height:26px;text-indent:-9999px;}
.video_list .text .btn a.download{display:block;background:url(images/btn_download2.gif) no-repeat center 0;width:127px;height:26px;text-indent:-9999px;}
.video_list .text .btn a.convert{display:block;background:url(images/btn_convert.gif) no-repeat 0 0;width:136px;height:26px;text-indent:-9999px;}

.video_list-h{}
.video_list-h .text h2{color:green;}
.video_list-h .text .btn a.play{background:url(images/btn_play.gif) no-repeat;}
.video_list-h .text .btn a:active.play{background-position:0 -26px;}
.video_list-h .text .btn a.download{background:url(images/btn_download.gif) no-repeat center 0;}
.video_list-h .text .btn a:active.download{background-position:center -26px;}
.video_list-h .text .btn a.convert{background:url(images/btn_convert2.gif) no-repeat;}
.video_list-h .text .btn a:active.convert{background-position:0 -26px;}

.textbox{border-top:1px solid #ddd;padding:50px 0;}
.textbox dl{display:block;width:299px;border-right:1px solid #ddd;padding:0 40px;}
.textbox dt{background:url(images/dot.gif) no-repeat 0 5px;font-size:20px;padding:0 0 25px 13px;}
.textbox dd{border-top:1px dashed #ddd;line-height:20px;padding:15px 0;}
.textbox dd strong{display:block;font-weight:normal;padding:0 0 5px 0;}
.textbox dd strong a{color:#f15a25;font-size:18px;}

#textbox h3{background:url(images/dot.gif) no-repeat left center;font-size:20px;padding:0 0 0 15px; margin:0; height:40px; line-height:40px; font-weight:lighter;}
#textbox ul{background:url(images/list-ico.png) no-repeat left 13px;}
#textbox li{ padding:0 0 0 25px; margin:0 10px 0 0; border-bottom:1px solid #FFF; line-height:35px; height:35px; overflow:hidden; color:#66a925; font-size:14px;}
#textbox li:hover{border-bottom:1px dashed #EEE;}
#textbox .textbox_block{ float:left; width:370px; margin:0 10px 20px 0; height: 390px;}
#textbox .line{ border-right:1px solid #CCC;}
.artist{color:#666; margin-left:10px; font-size:12px; width:90px; height:35px; line-height:35px; display:inline-block; *display:inline; zoom:1; vertical-align:top;text-overflow:ellipsis;white-space:nowrap; overflow:hidden}
.videobox{height:463px;}
.song_name{width:220px; display:inline-block; *display:inline; zoom:1;  height:35px; line-height:35px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden}
.song_name a{color:#666}
.song_name a:hover{color:#67c809}
.download_box{padding:30px 0;}
.download_box .box1{display:block;float:left;width:339px;border-right:1px solid #ddd;padding:0 40px 0 0;}
.download_box .box1 h2{font-size:20px;padding:0 0 25px 0;}
.download_box .box1 .k1{border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;padding:10px 0;line-height:24px;}
.download_box .box1 .k1 strong{display:block;color:#3c7d00;}
.download_box .box1 .k2{padding:15px 0;}
.download_box .box1 .k2 dt{color:#666;font-size:14px;padding:0 0 10px 0;}
.download_box .box1 .k2 dd{line-height:22px;}
.download_box .box1 .btn{height:36px;padding:10px 0 0 0;}
.download_box a.download{display:block;background:url(images/btn_download3.gif) no-repeat;width:140px;height:36px;text-indent:-9999px;}
.download_box a.convert{display:block;background:url(images/btn_convert3.gif) no-repeat;width:140px;height:36px;text-indent:-9999px;}

.download_box .box2{display:block;float:right;width:340px;padding:0 0 0 40px;}
.download_box .box2 h2{font-size:20px;padding:0 0 25px 0;}
.download_box .box2 .btn{height:36px;}
.download_box .box2 .loading{width:240px;height:10px;font-size:0;margin:15px 0 0 0;}
.download_box .box2 .loading .conner1{display:block;float:left;background:url(images/conner.gif) no-repeat;width:5px;height:10px;}
.download_box .box2 .loading .conner2{display:block;float:right;background:url(images/conner.gif) no-repeat -5px 0;width:5px;height:10px;}
.download_box .box2 .loading .mid{float:left;background:url(images/loding_bg.gif) repeat-x;width:230px;height:8px;padding:1px 0;}
.download_box .box2 .loading .mid .line{display:block;background:url(images/min_bg.gif) repeat-x;height:8px;font-size:0;}
.download_box .box2 .k1{border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;padding:10px 0;line-height:24px;}
.download_box .box2 .k1 strong{display:block;color:#3c7d00;}
.download_box .box2 .pad15{padding:15px 0 0 0;}

#sidebar{float:right;width:225px;}
#my_player{position:relative; left:-5px}
#sidebar .google{border-top:1px solid #ddd;}

#pageFooter { padding:20px 0 30px 0; text-align:center;}
#pageFooter a {padding:2px 5px; border:1px solid #CCC; margin:2px;  color:#000; text-decoration:none;}
#pageFooter a:hover {border:1px solid #66A729; background:#66A729; color:white; }
#pageFooter a:active {background:#e2ffcc; border:1px solid #c7f2a7; color:#000}
#pageFooter span.current {border:1px solid #66A729; background:#66A729; padding:2px 5px; margin:2px; color:#FFF; font-weight:bold}

/*==== footer ====*/
#footer{width:1000px;margin:15px auto 0 auto;text-align:center;padding:20px 0;border-top:1px solid #ddd;}
#footer p{line-height:22px;}
#footer a{ display:inline-block; margin:auto 5px}
#footer a:hover{color:#65A628; text-decoration:underline}
.c-r{font-size:14px; line-height:150%; font-family:verdana;}
.c-r h1{color:#55A51B}
.c-r ul{ margin:10px 20px;}
h1.c-r-t{color:#55A51B; height:40px; line-height:40px; font-size:40px;}


#player-box{height:60px; line-height:60px; font-family:Arial; background:url(images/bg_opacity.png); position:fixed; bottom:0; width:100%; color:#FFF; box-shadow:0 -1px 3px #000}
#player-content{width:1000px; margin:auto}
#player-content li{float:left; width:30%}

.player-middle{ font-weight:bold; font-size:12px;}

.clearFloat{clear:both;}


#top-music{border-top:1px solid #DDD;}
#top-music ol{margin:10px auto;}
#top-music a{width:195px; display:inline-block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:lighter; font-size:12px; vertical-align:middle; background:#DDD; background:none}
#top-music li{list-style-type:decimal; margin-left:30px; line-height:25px; height:25px;}


.show-hide-input{width:304px; padding:2px 5px; position:absolute; top:-30px; left:-10px; display:none;}
.embed{width:100px; height:26px;  background:url(images/embed.gif) no-repeat left top; margin-left:10px}
.embed:hover{background:url(images/embed.gif) no-repeat left -26px;}
.disembed{width:100px; height:26px; display:none; background:url(images/embed.gif) no-repeat -100px top; margin-left:10px}
.disembed:hover{background:url(images/embed.gif) no-repeat -100px -26px;}